<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.wrap {
				margin: 50px auto;
				width: 1000px;
				height: 500px;
				border: 0.0625rem solid firebrick;
				position: relative;
			}
			.inner {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				background-color: #CCCCCC;
			}
			
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="inner">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi perferendis perspiciatis assumenda nemo atque obcaecati libero ducimus! Sit maiores architecto neque asperiores nobis eaque veniam minima nam esse expedita voluptatem.
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia magni tempora expedita unde recusandae nihil non nulla? Minus 
			</div>
		</div>
	</body>
</html>
